import React from 'react';
import moment from 'moment';
import { Row, Col, Icon } from 'antd';
import { TimeFormat } from '@/pages/Task/utils';
// 时间格式化
export const FORMAT_DATE = value => {
    if (!value) {
        return '';
    }
    const m = moment(value);
    return value.indexOf('23:59:59') === -1 && value.indexOf('00:00:00') === -1
        ? m.format('YYYY-MM-DD HH:mm')
        : m.format('YYYY-MM-DD');
};

/**
 * 转为 -天-时-分
 * @param {*} value
 * 8小时
 */
export const MINUTE_TO_STR = value => TimeFormat(value);

/**
 * 转为 -天-时-分
 * 24小时
 * @param {w} value
 */
export const MINUTE_TO_STR24 = value => TimeFormat(value, 24);

/**
 * 工时（分钟）转化为字符串
 * 按8小时制
 * @param {*} value
 */
export const MINUTE_TO_WORK_STR = value => {
    if (!value) {
        return '0 小时  (0天0小时0分钟))';
    }
    const hours = value ? Math.floor(value / 6) / 10 : 0;
    return `${hours} 小时  (${MINUTE_TO_STR(value)})`;
};

// 文件渲染
export const FILE_RENDER = fileArr => {
    const emp = '无';
    if (!fileArr || !fileArr.length) {
        return emp;
    }
    return (
        <Row>
            {fileArr.map((item, index) => {
                const { keyName = index, originName, url } = item;
                return (
                    <Col key={keyName}>
                        <span>{originName}</span>
                        <a
                            rel="noopener noreferrer" // 图片类的直接打开
                            href={url}
                            download
                            style={{ marginLeft: '12px', cursor: 'pointer' }}
                        >
                            <Icon type="download"></Icon>
                        </a>
                    </Col>
                );
            })}
        </Row>
    );
};

// 原因、备注渲染
export const REASON_RENDER = val => {
    if (!val) {
        return '';
    }
    return val.split('\n').map(item => <div>{item}</div>);
};
